html { 
    --Zcolor: #0451ff; 
    --FZcolor:#ff0000; 
    font-size: 12px;
  }
  body{ margin: 0px !important; user-select: none; width: 100vw; height: 100vh;}
  
  
  *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;/* box-sizing:border-box; */}
  *{ -webkit-tap-highlight-color: transparent;}
  .flex_box{ display:flex; display: -webkit-flex; display: -ms-flex;}
  .flex_center{ display:flex; display: -webkit-flex; display: -ms-flex; align-items: center}
  ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{ list-style:none; padding: 0px; margin: 0px;}
  i,em{ font-style:inherit;}
  p{ padding:0px; margin:0px; }
  input, textarea, button{ border: 0px; outline: none;}
  input::-webkit-input-placeholder{font-family:'pingfang regular';font-size: 12px;color: #999;}
  img{vertical-align: auto; border:0px !important; max-width: 100%;}
  a,span,label,i,em,b,font{ display:inline-block;}
  a{ text-decoration:none; color:#3c3c3c; cursor:pointer !important;}
  a:active,input:active, input:focus{ outline:none;}
  .text_hide{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .text_show{ white-space:normal; overflow: auto; text-overflow:ellipsis;}
  .display_inline_block{ display:inline-block;}
  .hide{ display:none;}
  .hide_1{ display:none;}
  .show{ display:block !important;}
  .float_right{ float:right !important;}
  .float_none{ float:none !important;}
  .cursor_pointer{ cursor:pointer;}
  .display_none{ display:none;}
  .display_flex{ display:flex;}
  .display_block{ display:block !important;}
  .display_initial{ display:initial !important;}
  .price{font-size:15px; font-family:Verdana; color:#e84d1c;}
  .height_initial{ height:initial !important;}
  .border_0{ border:0px !important;}
  .border_bottom{ border-bottom:1px solid #e4e4e4;}
  .text_through{ text-decoration:line-through;}
  .text_underline{ text-decoration:underline;}
  .no_radius{border-radius: inherit  !important;}
  .qr_code canvas{width: 100%;}
  
  .clear{ clear:both !important;}
  .z_index1{z-index:1;}
  .z_index999{z-index:999;}
  .box-shadow5{ box-shadow: 0px 0px 5px #666 !important;}
  .position_a{ position:absolute !important;}
  .position_f{ position:fixed !important;}
  .position_r{ position:relative !important;}
  .fl{ float:left !important;}
  .fr{ float:right !important;}
  .tc{ text-align:center !important;}
  .tr{ text-align:right !important;}
  .tl{ text-align:left !important;}
  .top_100{top: 100% !important; bottom:inherit !important;}
  .bottom_100{bottom: 100% !important; top:inherit !important;}
  .top0{top: 0px !important; bottom:inherit !important;}
  .topcenter{top: 50% !important; bottom:inherit !important;}
  .bottom0{bottom: 0px !important; top:inherit !important;}
  .left0{ left:0px;}
  .left-1{ left:-1px;}
  .right0{ right:0px !important; left:inherit !important;}
  .right-1{ right:-1px !important; left:inherit !important;}
  .right10{ right:10px !important; left:inherit !important;}
  .right15{ right:15px !important; left:inherit !important;}
  .right20{ right:20px !important; left:inherit !important;}
  .right30{ right:30px !important; left:inherit !important;}
  .right40{ right:40px !important; left:inherit !important;}
  .right50{ right:50px !important; left:inherit !important;}
  .right60{ right:60px !important; left:inherit !important;}
  .right70{ right:70px !important; left:inherit !important;}
  .right100{ right: 100% !important; left:inherit !important;}
  
  .pt0{ padding-top:0px !important;}
  .pt5{ padding-top:5px !important;}
  .pt10{ padding-top:10px !important;}
  .pt15{ padding-top:15px !important;}
  .pt20{ padding-top:20px !important;}
  .pt25{ padding-top:25px !important;}
  .pt30{ padding-top:30px !important;}
  .pt40{ padding-top:40px !important;}
  .pt45{ padding-top:45px !important;}
  .pt50{ padding-top:50px !important;}
  
  .pb0{ padding-bottom:0px !important;}
  .pb5{ padding-bottom:5px !important;}
  .pb10{ padding-bottom:10px !important;}
  .pb15{ padding-bottom:15px !important;}
  .pb20{ padding-bottom:20px !important;}
  .pb25{ padding-bottom:25px !important;}
  .pb30{ padding-bottom:30px !important;}
  .pb50{ padding-bottom:50px !important;}
  .pb250{ padding-bottom:250px !important;}
  
  .pl0{ padding-left:0px !important;}
  .pl5{ padding-left:5px !important;}
  .pl10{ padding-left:10px !important;}
  .pl15{ padding-left:15px !important;}
  .pl20{ padding-left:20px !important;}
  .pl25{ padding-left:25px !important;}
  .pl30{ padding-left:30px !important;}
  .pl35{ padding-left:35px !important;}
  .pl40{ padding-left:40px !important;}
  .pl45{ padding-left:45px !important;}
  .pl50{ padding-left:50px !important;}
  .pl55{ padding-left:55px !important;}
  .pl60{ padding-left:60px !important;}
  
  .pr0{ padding-right:0px !important;}
  .pr5{ padding-right:5px !important;}
  .pr10{ padding-right:10px !important;}
  .pr15{ padding-right:15px !important;}
  .pr20{ padding-right:20px !important;}
  .pr25{ padding-right:25px !important;}
  .pr30{ padding-right:30px !important;}
  .pr35{ padding-right:35px !important;}
  .pr40{ padding-right:40px !important;}
  .pr45{ padding-right:45px !important;}
  .pr50{ padding-right:50px !important;}
  
  .plr0{ padding:0 0 !important;}
  .plr5{ padding:0 5px !important;}
  .plr10{ padding-left: 10px !important; padding-right: 10px !important;}
  .plr15{ padding-left: 15px !important; padding-right: 15px !important;}
  .plr20{ padding:0 20px !important;}
  .plr25{ padding:0 25px !important;}
  .plr30{ padding:0 30px !important;}
  .plr35{ padding:0 35px !important;}
  .plr40{ padding:0 40px !important;}
  .plr45{ padding:0 45px !important;}
  .plr50{ padding:0 50px !important;}
  
  .ptb0{ padding:0px 0 !important;}
  .ptb5{ padding-top: 5px !important; padding-bottom: 5px !important;}
  .ptb10{ padding:10px 0 !important;}
  .ptb15{ padding-top: 15px !important; padding-bottom: 15px !important;}
  .ptb20{ padding:20px 0px !important;}
  .ptb25{ padding:25px 0px !important;}
  .ptb30{ padding:30px 0px !important;}
  .ptb35{ padding:35px 0px !important;}
  .ptb40{ padding:40px 0px !important;}
  .ptb45{ padding:45px 0px !important;}
  .ptb50{ padding:50px 0px !important;}
  
  .mt0{ margin-top:0px !important;}
  .mt5{ margin-top:5px !important;}
  .mt-1{ margin-top:-1px !important;}
  .mt-5{ margin-top:-5px !important;}
  .mt10{ margin-top:10px !important;}
  .mt-10{ margin-top:-10px !important;}
  .mt15{ margin-top:15px !important;}
  .mt-15{ margin-top:-15px !important;}
  .mt20{ margin-top:20px !important;}
  .mt-20{ margin-top:-20px !important;}
  .mt25{ margin-top:25px !important;}
  .mt-25{ margin-top:-25px !important;}
  .mt30{ margin-top:30px !important;}
  .mt-30{ margin-top:-30px !important;}
  .mt35{ margin-top:35px !important;}
  .mt-35{ margin-top:-35px !important;}
  .mt40{ margin-top:40px !important;}
  .mt-40{ margin-top:-40px !important;}
  .mt45{ margin-top:45px !important;}
  .mt-45{ margin-top:-45px !important;}
  .mt50{ margin-top:50px !important;}
  .mt-50{ margin-top:-50px !important;}
  
  .mb0{ margin-bottom:0px !important;}
  .mb5{ margin-bottom:5px !important;}
  .mb-1{ margin-bottom:-1px !important;}
  .mb-5{ margin-bottom:-5px !important;}
  .mb10{ margin-bottom:10px !important;}
  .mb-10{ margin-bottom:-10px !important;}
  .mb15{ margin-bottom:15px !important;}
  .mb-15{ margin-bottom:-15px !important;}
  .mb20{ margin-bottom:20px !important;}
  .mb-20{ margin-bottom:-20px !important;}
  .mb25{ margin-bottom:25px !important;}
  .mb-25{ margin-bottom:-25px !important;}
  .mb30{ margin-bottom:30px !important;}
  .mb-30{ margin-bottom:-30px !important;}
  .mb40{ margin-bottom:40px !important;}
  .mb-40{ margin-bottom:-40px !important;}
  .mb45{ margin-bottom:45px !important;}
  .mb-45{ margin-bottom:-45px !important;}
  .mb50{ margin-bottom:50px !important;}
  .mb-50{ margin-bottom:-50px !important;}
  
  .ml0{ margin-left:0px !important;}
  .ml5{ margin-left:5px !important;}
  .ml-1{ margin-left:-1px !important;}
  .ml-5{ margin-left:-5px !important;}
  .ml10{ margin-left:10px !important;}
  .ml-10{ margin-left:-10px !important;}
  .ml15{ margin-left:15px !important;}
  .ml-15{ margin-left:-15px !important;}
  .ml20{ margin-left:20px !important;}
  .ml-20{ margin-left:-20px !important;}
  .ml25{ margin-left:25px !important;}
  .ml-25{ margin-left:-25px !important;}
  .ml30{ margin-left:30px !important;}
  .ml-30{ margin-left:-30px !important;}
  .ml50{ margin-left:50px !important;}
  .ml-50{ margin-left:-50px !important;}
  
  .mr0{ margin-right:0px !important;}
  .mr5{ margin-right:5px !important;}
  .mr-1{ margin-right:-1px !important;}
  .mr-5{ margin-right:-5px !important;}
  .mr10{ margin-right:10px !important;}
  .mr-10{ margin-right:-10px !important;}
  .mr15{ margin-right:15px !important;}
  .mr-15{ margin-right:-15px !important;}
  .mr20{ margin-right:20px !important;}
  .mr-20{ margin-right:-20px !important;}
  .mr25{ margin-right:25px !important;}
  .mr-25{ margin-right:-25px !important;}
  .mr30{ margin-right:30px !important;}
  .mr-30{ margin-right:-30px !important;}
  .mr35{ margin-right:35px !important;}
  .mr-35{ margin-right:-35px !important;}
  .mr40{ margin-right:40px !important;}
  .mr-40{ margin-right:-40px !important;}
  .mr45{ margin-right:45px !important;}
  .mr-45{ margin-right:-45px !important;}
  .mr50{ margin-right:50px !important;}
  .mr-50{ margin-right:-50px !important;}
  
  .lh20{ line-height:20px !important;}
  .lh25{ line-height:25px !important;}
  .lh30{ line-height:30px !important;}
  .lh35{ line-height:35px !important;}
  .lh40{ line-height:40px !important;}
  .lh45{ line-height:45px !important;}
  .lh50{ line-height:50px !important;}
  
  .max_h20{ max-height:20px !important;}
  .max_h25{ max-height:25px !important;}
  .max_h30{ max-height:30px !important;}
  .max_h35{ max-height:35px !important;}
  .max_h40{ max-height:40px !important;}
  .max_h45{ max-height:45px !important;}
  .max_h50{ max-height:50px !important;}
  .max_h55{ max-height:55px !important;}
  .max_h60{ max-height:60px !important;}
  .max_h65{ max-height:65px !important;}
  .max_h100{ max-height:100px !important;}
  .max_h118{ max-height:118px !important;}
  .max_h200{ max-height:200px !important;}
  .max_h300{ max-height:300px !important;}
  .max_h450{ max-height:450px !important;}
  .max_height{ max-height:100% !important;}
  .heightfull{ height:100% !important;}
  
  .min_h20{ min-height:20px !important;}
  .min_h25{ min-height:25px !important;}
  .min_h30{ min-height:30px !important;}
  .min_h35{ min-height:35px !important;}
  .min_h40{ min-height:40px !important;}
  .min_h45{ min-height:45px !important;}
  .min_h50{ min-height:50px !important;}
  .min_h55{ min-height:55px !important;}
  .min_h60{ min-height:60px !important;}
  .min_h65{ min-height:65px !important;}
  
  .max_w200{ max-width:200px !important;}
  
  .overflow_hidden{ overflow:hidden !important;}
  .overflow_initial{ overflow:initial !important;}
  .overflow_inherit{ overflow:inherit !important;}
  .overflow_y_inherit{ overflow-y:inherit !important;}
  .overflow_y{ overflow-y:auto !important;}
  .overflow_yh{ overflow-y:hidden !important;}
  .overflow_xh{ overflow-x:hidden !important;}
  .height_inherit{ height:inherit !important;}
  .text_hide{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .text_hide_none{ white-space:initial !important; overflow:initial !important; text-overflow:initial !important;}
  
  .text_hide2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .text_hide3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  
  /***
  按钮样式jl_btn
  ***/
  .jl_btn{ padding:4px 10px; text-align:center; color:#fff !important; cursor:pointer; transition:background 0.2s; position:relative; font-size:13px !important; border-radius:4px; }
  .jl_btn:hover{ text-decoration:none;}
  
  .btn_color{ background: var(--color); border:1px solid var(--color);}
  .btn_color:hover{ background-color: var(--color);}
  .btn_color_or{ background:#fff; border:1px solid var(--color); color:var(--color) !important;}
  .btn_color_or:hover{ background:var(--color); color:#fff !important;}
  .btn_color_xuan{ background:var(--color); color:#fff !important; border:1px solid var(--color);}
  
  
  .btn_blue{ background:#00a2ca; border:1px solid #0292b5;}
  .btn_blue:hover{ background:#0292b5;}
  .btn_blue_or{ background:#fff; border:1px solid #00a2ca; color:#00a2ca !important;}
  .btn_blue_or:hover{ background:#00a2ca; color:#fff !important;}
  .btn_blue_xuan{ background:#00a2ca; color:#fff !important; border:1px solid #00a2ca;}
  
  .btn_white{ background:#fff; color:#333 !important; border:1px solid #ccc;}
  .btn_white:hover{ background:#eee;}
  .btn_white_or{ background:#fff; color:#333 !important; border:1px solid #ccc;}
  .btn_white_or:hover{ background:#eee;}
  .btn_white_xuan{ background:#eee; color:#333 !important; border:1px solid #ccc;}
  
  .btn_red{ background:#d9534f; border:1px solid #d9534f;}
  .btn_red:hover{ background:#d43f3a;}
  .btn_red_or{ background:#fff; color:#d9534f !important; border:1px solid #d9534f;}
  .btn_red_or:hover{ background:#d9534f; color:#fff !important;}
  .btn_red_xuan{ background:#d9534f; color:#fff !important; border:1px solid #d9534f;}
  
  .btn_yellow{ background:#ffb848; border:1px solid #ffb848;}
  .btn_yellow:hover{ background:#ffb848;}
  .btn_yellow_or{ background:#fff; color:#ffb848 !important; border:1px solid #ffb848;}
  .btn_yellow_or:hover{ background:#ffb848; color:#fff !important;}
  .btn_yellow_xuan{ background:#ffb848; color:#fff !important; border:1px solid #ffb848;}
  
  .btn_orange{ background:#e84d1c; border:1px solid #e84d1c;}
  .btn_orange:hover{ background:#cb3302;}
  .btn_orange_or{ background:#fff; color:#e84d1c !important; border:1px solid #e84d1c;}
  .btn_orange_or:hover{ background:#e84d1c; color:#fff !important;}
  .btn_orange_xuan{ background:#e84d1c; color:#fff !important; border:1px solid #e84d1c;}
  
  .btn_green{ background:#28b779; border:1px solid #28b779;}
  .btn_green:hover{ background:#e84d1c;}
  .btn_green_or{ border:1px solid #28b779; background:#fff; color:#28b779 !important;}
  .btn_green_or:hover{ background:#28b779; color:#fff !important;}
  .btn_green_xuan{ background:#28b779; color:#fff !important; border:1px solid #28b779;}
  
  .btn_purple{ background:#852b99; border:1px solid #852b99;}
  .btn_purple:hover{ background:#852b99;}
  .btn_purple_or{ border:1px solid #852b99; background:#fff; color:#852b99 !important;}
  .btn_purple_or:hover{ background:#852b99; color:#fff !important;}
  .btn_purple_xuan{ background:#852b99; color:#fff !important; border:1px solid #852b99;}
  
  .btn_shadow{ box-shadow:1px 2px 2px #ccc;}
  .radius0{ border-radius:0px;}
  .radius3{ border-radius:3px;}
  .radius5{ border-radius:5px;}
  .radius_circular{ border-radius:50%;}
  
  /***
  背景色jl_bgcolor
  ***/
  .bgcolor_color{ background: var(--color); }
  .bgcolor_white{ background:#ffffff !important;}
  .bgcolor_red{ background:#f4645f;}
  .bgcolor_red2{ background:#ff4400;}
  .bgcolor_red3{ background:#eb0202;}
  .bgcolor_green{ background:#28b779;}
  .bgcolor_blue{ background:#2664be;}
  .bgcolor_blue_or{ background:#fff; border:2px solid #00a2ca; color:#000 !important;}
  .bgcolor_black{ background:#333;}
  .bgcolor_yellow{ background:#ffb848;}
  .bgcolor_purple{ background:#852b99;}
  .bgcolor_gray{ background:#aaa !important;}
  .bgcolor_gray_000{ background:#aaa !important;}
  .bgcolor_gray_111{ background:#bbb !important;}
  .bgcolor_gray_222{ background:#ccc !important;}
  .bgcolor_gray_333{ background:#eee !important;}
  .bgcolor_gray_444{ background:#f5f5f5 !important;}
  .bgcolor_gray_555{ background:#fcfcfc !important;}
  .bgcolor_gray_aaa{ background:#aaa !important;}
  .bgcolor_orange{ background:#e84d1c;}
  .bgcolor_pink{background:#f29588;}
  .bgcolor_dark_blue{background:#01363b;}
  .bgcolor_light_green{ background:#8cba00;}
  .bgcolor_rose_rad{ background:#ea0081;}
  .bgcolor_lgreen{ background:#66FF99;}
  .bgcolor_salmon{ background:#FFCC66;}
  
  
  /***
  边框线
  ***/
  .bt1{ border-top: 1px solid #e4e4e4; }
  .bt0{ border-top: 0px !important;}
  .bl1{ border-left: 1px solid #e4e4e4; }
  .br1{ border-right: 1px solid #e4e4e4; }
  .bb0{ border-bottom: 0px !important;}
  .bb1{ border-bottom: 1px solid #e4e4e4; }
  .bor1{ border: 1px solid #e4e4e4; }
  
  /***
  边框背景色jl_borcolor
  ***/
  .borcolor_red{ border-color:#f4645f;}
  .borcolor_red2{ border-color:#ff4400;}
  .borcolor_red3{ border-color:#eb0202;}
  .borcolor_green{ border-color:#28b779;}
  .borcolor_blue{ border-color:#00a2ca !important;}
  .borcolor_black{ border-color:#333;}
  .borcolor_yellow{ border-color:#ffb848;}
  .borcolor_purple{ border-color:#852b99;}
  .borcolor_gray{ border-color:#aaa;}
  .borcolor_orange{ border-color:#e84d1c;}
  .borcolor_pink{border-color:#f29588 ;}
  .borcolor_dark_blue{border-color:#01363b;}
  .borcolor_light_green{ border-color:#8cba00;}
  .borcolor_rose_rad{ border-color:#ea0081;}
  
  
  /***
  字体样式jl_font
  ***/
  .font_white{ color:#FFF !important;}
  .font_red{ color:#f4645f !important;}
  .font_yellow{ color:#ed9c28 !important;}
  .font_blue{ color:#2664be !important;}
  .font_green{ color:#28b779 !important;}
  .font_purple{ color:#852b99 !important;}
  .font_gray{ color:#aaaaaa !important;}
  .font_gray_ccc{ color:#ccc !important;}
  .font_black_000{ color:#000 !important;}
  .font_black_111{ color:#111 !important;}
  .font_black_222{ color:#222 !important;}
  .font_black_333{ color:#333 !important;}
  .font_black_444{ color:#444 !important;}
  .font_black_555{ color:#555 !important;}
  .font_black_666{ color:#666 !important;}
  .font_black_777{ color:#777 !important;}
  .font_black_888{ color:#888 !important;}
  .font_black_999{ color:#999 !important;}
  .font_orange{ color:#e84d1c !important;}
  .font_pink{color:#f29588  !important;}
  .font_dark_blue{color:#01363b !important;}
  .font_light_green{ color:#8cba00 !important;}
  .font_rose_rad{ color:#ea0081 !important;}
  .font_size_msmall{font-size:10px !important;}
  .font_size_small{font-size:12px !important;}
  .font_size_standard{font-size:14px !important;}
  .font_size_large{font-size:16px !important;}
  .font_size_super{font-size:18px !important;}
  .font_weight_bold{font-weight: bold !important;}
  .font_weight500{font-weight: 500 !important;}
  .font_block{color:#666 !important;}
  
  
  
  /***
  宽度定义
  ***/
  
  .w20, .w12, .w11, .w10, .w09, .w08, .w07, .w06, .w05, .w04, .w03, .w02, .w01{ float:left;}
  .w20{width:20% !important;}
  .w12{width:100% !important;}
  .w11{width:91.66666667% !important;}
  .w10{width:83.33333333% !important;}
  .w09{width:75% !important;}
  .w08{width:66.66666667% !important;}
  .w07{width:58.33333333% !important;}
  .w06{width:50% !important;}
  .w05{width:41.66666667% !important;}
  .w04{width:33.33333333% !important;}
  .w03{width:25% !important;}
  .w02{width:16.66666667% !important;}
  .w01{width:8.33333333% !important;}
  
  .width30, .width50, .width80, .width100, .width120, .width150, .width200, .width250, .width300{ float:left;}
  .width30{ width:30px !important;}
  .width50{ width:50px !important;}
  .width80{ width:80px !important;}
  .width100{ width:100px !important;}
  .width120{ width:120px !important;}
  .width150{ width:150px !important;}
  .width200{ width:200px !important;}
  .width250{ width:250px !important;}
  .width300{ width:300px !important;}
  
  .height30{ height:30px !important;}
  .height50{ height:50px !important;}
  .height80{ height:80px !important;}
  .height100{ height:100px !important;}
  .height120{ height:120px !important;}
  .height150{ height:150px !important;}
  .height200{ height:200px !important;}
  .height250{ height:250px !important;}
  
  .min_w15{ min-width:15px !important;}
  .min_w20{ min-width:20px !important;}
  .min_w25{ min-width:25px !important;}
  .min_w30{ min-width:30px !important;}
  
  .min_w12{ min-width:100% !important;}
  
  .ml_w12{ margin-left:100% !important;}
  .ml_w11{ margin-left:91.66666667% !important;}
  .ml_w10{ margin-left:83.33333333% !important;}
  .ml_w09{ margin-left:75% !important;}
  .ml_w08{ margin-left:66.66666667% !important;}
  .ml_w07{ margin-left:58.33333333% !important;}
  .ml_w06{ margin-left:50% !important;}
  .ml_w05{ margin-left:41.66666667% !important;}
  .ml_w04{ margin-left:33.33333333% !important;}
  .ml_w03{ margin-left:25% !important;}
  .ml_w20{ margin-left:20% !important;}
  .ml_w02{ margin-left:16.66666667% !important;}
  .ml_w01{ margin-left:8.33333333% !important;}
  .mr_w12{ margin-right:100% !important;}
  .mr_w11{ margin-right:91.66666667% !important;}
  .mr_w10{ margin-right:83.33333333% !important;}
  .mr_w09{ margin-right:75% !important;}
  .mr_w08{ margin-right:66.66666667% !important;}
  .mr_w07{ margin-right:58.33333333% !important;}
  .mr_w06{ margin-right:50% !important;}
  .mr_w05{ margin-right:41.66666667% !important;}
  .mr_w04{ margin-right:33.33333333% !important;}
  .mr_w03{ margin-right:25% !important;}
  .mr_w20{ margin-right:20% !important;}
  .mr_w02{ margin-right:16.66666667% !important;}
  .mr_w01{ margin-right:8.33333333% !important;}
  
  .pl_w12{ padding-left:100% !important;}
  .pl_w11{ padding-left:91.66666667% !important;}
  .pl_w10{ padding-left:83.33333333% !important;}
  .pl_w09{ padding-left:75% !important;}
  .pl_w08{ padding-left:66.66666667% !important;}
  .pl_w07{ padding-left:58.33333333% !important;}
  .pl_w06{ padding-left:50% !important;}
  .pl_w05{ padding-left:41.66666667% !important;}
  .pl_w04{ padding-left:33.33333333% !important;}
  .pl_w03{ padding-left:25% !important;}
  .pl_w20{ padding-left:20% !important;}
  .pl_w02{ padding-left:16.66666667% !important;}
  .pl_w01{ padding-left:8.33333333% !important;}
  .pr_w12{ padding-right:100% !important;}
  .pr_w11{ padding-right:91.66666667% !important;}
  .pr_w10{ padding-right:83.33333333% !important;}
  .pr_w09{ padding-right:75% !important;}
  .pr_w08{ padding-right:66.66666667% !important;}
  .pr_w07{ padding-right:58.33333333% !important;}
  .pr_w06{ padding-right:50% !important;}
  .pr_w05{ padding-right:41.66666667% !important;}
  .pr_w04{ padding-right:33.33333333% !important;}
  .pr_w03{ padding-right:25% !important;}
  .pr_w20{ padding-right:20% !important;}
  .pr_w02{ padding-right:16.66666667% !important;}
  .pr_w01{ padding-right:8.33333333% !important;}
  
  
  
  .regular{font-family:'pingFang Regular';}
  .medium{font-family:'pingFang Medium';}
  .bold{font-family:'pingFang Bold';}
  .mb64{margin-bottom: 64px;}
  .mt6{margin-top: 6px;}
  .mt16{margin-top: 16px;}
  .mt31{margin-top: 31px;}
  .mt49{margin-top: 49px;}
  .mt59{margin-top: 59px;}
  .suojin{text-indent:2em}
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;}
  
  
  
  /***
  头部
  ***/
  
  .header{float: left;width: 100%;height: 44px; box-shadow: 0px 1px 1px #f2f2f2;position: fixed;line-height: 44px;}
  .header_none{float: left;width: 100%;height: 44px;position: fixed;line-height: 44px;}
  .header_search{float: left; width: calc(100% - 30px);height: 30px; border-radius:50px;box-shadow: 0px 0px 3px #ccc inset ; line-height: 30px;margin-left: 15px;margin-top: 7px;}
  .header_serch_icon{float: left;margin:0 5px 0 10px;}
  .header_serch_text{float: left;font-size: 12px;color: #999;font-family:'pingfang regular';}
  .header_title{font-family:'pingfang bold';font-size: 18px;color: #333;text-align: center;}
  .header_title_sub{width:  calc(100% - 48px);font-family:'pingfang bold';font-size: 18px;color: #333;text-align: center;margin-left: 15px;}
  .header_return{float: left;margin-left: 15px;margin-top: 6px;}
  .header_icon_right{float: right;margin-right: 15px;}
  .header_cancel{float: right;font-family:'pingfang regular';font-size: 12px;color: #999;margin-right: 15px;}
  .header_avatar{float: left;margin-top: 60px;margin-left: calc(50% - 42.5px);}
  .header_name{float: left;width: 100%;text-align: center; font-family:'pingfang bold';font-size: 15px;color: #333;margin-top: 5px;}
  .header_tag{float: left;margin-top: 3px;text-align: center;margin-left: calc(50% - 29px);font-family:'pingfang regular';font-size: 12px;color: #0451ff;width: 58px;height: 20px;border-radius:3px;border:1px solid #0451ff;}
  .header_collect{float: right;margin-right: 15px;margin-top: 6px;}
  
  
  
  /***
  底部菜单
  ***/
  
.menu{float: left;width: 100%;background-color: #fff;text-align: center;height: 49px; bottom: 0;left: 0;box-shadow: 0px -1px 1px #f2f2f2;position: fixed;}
.menu_item_3{float: left;width: 33.333333%;margin-top: 5px;}
.menu_item_4{float: left;width: 25%;margin-top: 5px;}
.menu_item_5{float: left;width: 20%;margin-top: 5px;}
.menu_item_name{font-family:'pingfang medium';font-size: 12px;color: #333;}
.menu_item_name_xuan{color: var(--Zcolor) !important;}

  
  
  
  /***
  背景色
  ***/
  
  .bgc_zc{background-color: var(--Zcolor);}
  .bgc_fff{background-color: #fff;}
  .bgc_ccc{background-color: #ccc;}
  .bgc_fzc{background-color: var(--FZcolor);}
  .bgc_4d{background-color: #4d4d4d;}
  .bgc_f5{background-color: #f5f5f5;}
  .bgc_0003{background-color: rgba(0, 0, 0, 0.3);}

  
  
  
  /***
  颜色
  ***/
  
  .c_fff{color: #fff;}
  
  
  /***
  背景色
  ***/
  
  
  
  
  
  
  
  
  